<html>
<head>
  <title>Login Page</title>
  <meta name="layout" content="main"/>
</head>
<body>
<div class="body">
  <g:if test="${flash.message}">
    <div class="message">
      ${flash.message}
    </div>
  </g:if>
  <g:if test="${flash.error}">
    <div class="errors">
      ${flash.error}
    </div>
  </g:if>
  <p>
    Welcome to Your 4-H Events. Login below
  </p>
  <g:form action="handleLogin" method="post">
    <span class='nameClear'>E-Mail:</span>
    <g:textField name="email"/>
    <br/>
    <span class='nameClear'>Password:</span>
    <g:passwordField name="password"/>
    <div class="buttons">
      <span class="button"><g:actionSubmit value="Login" action="handleLogin"/></span>
    </div>
    <p>Don't have an account? Create one <g:link controller="volunteer" action="create">here.</g:link></p>
  </g:form>
</div>
</body>
</html>
